@charset "utf-8";
/* ------------------------------------------------------------------------------------
CSS COMMON
---------------------------------------------------------------------------------------


/* Non-semantic helper classes
-------------------------------------------------------------- */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }

.clearx {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}


/* ---------------------------------------------------------------------------------------
   POSITION | CLEAR | FLOATS | BORDERS
------------------------------------------------------------------------------------------ */
.container      { /*padding:5px; margin:2px; border:solid 1px #666;*/ }

.u-case                { text-transform:uppercase !important; }
.l-case                { text-transform:lowercase !important; }
.bold                  { font-weight:bold !important; }

.left                  { float:left !important; }
.right                 { float:right !important; }
.tleft                 { text-align:left !important; }
.tright                { text-align:right !important; }
.center                { text-align:center !important; }

.no-border             { border:0 !important; }
.dotted                { border-style:dotted !important; }
.none                  { border:0 !important; padding:0 !important; margin:0 !important; }
.no-margin             { margin:0 !important; padding:0 !important; }
.no-margins            { margin:0 !important; }
.no-paddings           { padding:0 !important; }

.font9b                { font-size:9px !important; font-weight:bold !important; }
.font10                { font-size:10px !important; }
.font10b               { font-size:10px !important; font-weight:bold !important; }
.font11                { font-size:11px !important; }
.font12                { font-size:12px !important; }

.bgc-white             { background-color:#fff; }
.bgc2                  { background-color:#eee; }
.bgc3                  { background-color:#ddd; }
.bgc4                  { background-color:#d5d5d5; }
.bgc-green             { background-color:#97cc6e; }
.bgc-blue              { background-color:#c7eafb; }

/* Elastic widths */
.w5                    { width:5% !important; }
.w10                   { width:10% !important; }
.w15                   { width:15% !important; }
.w20                   { width:20% !important; }
.w25                   { width:25% !important; }
.w30                   { width:30% !important; }
.w33                   { width:33.333% !important; }
.w40                   { width:40% !important; }
.w50                   { width:50% !important; }
.w60                   { width:60% !important; }
.w65                   { width:65% !important; }
.w66                   { width:66.667% !important; }
.w70                   { width:70% !important; }
.w75                   { width:75% !important; }
.w80                   { width:80% !important; }
.w85                   { width:85% !important; }
.w90                   { width:90% !important; }
.w99                   { width:99.9% !important; .width:99% !important; }
.w100                  { width:100% !important; }


.border-1              { border:1px solid #eee; }

.b-radius-4            { -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; }
	
.b2                    { border:1px solid #e1e1e1; }
.bt1                   { border-top:1px solid #eee; }
.bb1                   { border-bottom:1px solid #eee; }

.bt1-d6                { border-top:1px solid #d6d6d6; }


.m0  {margin:0 }   .mt0  {margin-top:0 }   .mr0  {margin-right:0 }   .mb0  {margin-bottom:0 }   .ml0  {margin-left:0 }
.m5  {margin:5px } .mt5  {margin-top:5px } .mr5  {margin-right:5px } .mb5  {margin-bottom:5px } .ml5  {margin-left:5px }
.m8  {margin:8px } .mt8  {margin-top:8px } .mr8  {margin-right:8px } .mb8  {margin-bottom:8px } .ml8  {margin-left:8px }
.m10 {margin:10px} .mt10 {margin-top:10px} .mr10 {margin-right:10px} .mb10 {margin-bottom:10px} .ml10 {margin-left:10px}
.m15 {margin:15px} .mt15 {margin-top:15px} .mr15 {margin-right:15px} .mb15 {margin-bottom:15px} .ml15 {margin-left:15px}
.m20 {margin:20px} .mt20 {margin-top:20px} .mr20 {margin-right:20px} .mb20 {margin-bottom:20px} .ml20 {margin-left:20px}

.p0  {padding:0 }   .pt0  {padding-top:0 }   .pr0  {padding-right:0 }   .pb0  {padding-bottom:0 }   .pl0  {padding-left:0 }
.p5  {padding:5px } .pt5  {padding-top:5px } .pr5  {padding-right:5px } .pb5  {padding-bottom:5px } .pl5  {padding-left:5px }
.p8  {padding:8px } .pt8  {padding-top:8px } .pr8  {padding-right:8px } .pb8  {padding-bottom:8px } .pl8  {padding-left:8px }
.p10 {padding:10px} .pt10 {padding-top:10px} .pr10 {padding-right:10px} .pb10 {padding-bottom:10px} .pl10 {padding-left:10px}
.p15 {padding:15px} .pt15 {padding-top:15px} .pr15 {padding-right:15px} .pb15 {padding-bottom:15px} .pl15 {padding-left:15px}
.p20 {padding:20px} .pt20 {padding-top:20px} .pr20 {padding-right:20px} .pb20 {padding-bottom:20px} .pl20 {padding-left:20px}


.todelete { background-color:#fb6c6c !important; }



/* ---------------------------------------------------------------------------------------
   LISTS
------------------------------------------------------------------------------------------ */ 

/* 
 list-ico
-------------------------------------------------------------- */
.list-ico {
}
	.list-ico LI {
		display:inline;
		float:left;
		margin:0 4px 4px 0;
	}

/* 
 list-ico-label
-------------------------------------------------------------- */
.list-ico-label {
}
	.list-ico-label LI {
		height:48px;
		margin:0 0 4px 0;
	}
		.list-ico-label LI IMG {
			display:block;
			float:left;
			height:48px;
			margin-right:8px;
		}

/* 
 list-button
-------------------------------------------------------------- */
.list-button {}

.list-button UL LI {
	display:inline;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	list-style:none;
}

.list-button UL LI SPAN {
	background:url(../images/bullet-1.gif) no-repeat 100% 50%;
	padding-right:3px;
}

.list-button UL LI:last-child SPAN {
	background-image:none;
	padding-right:0;
}

.list-button UL LI SPAN A {
	color:#999 !important;
	margin-right:8px;
	padding:2px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.list-button UL LI SPAN A:hover {
	background:#0063DC;
	color:#fff !important;
	cursor:pointer;
}

.list-button UL LI A.active {
	color:#fff !important;
	background:#999 !important;
	cursor:default !important;
}

.list-button:hover A {
	color:#0063DC !important;
}



/* 
 list-button-img
-------------------------------------------------------------- */
.list-button-img {
	display:block;
}

.list-button-img UL {
	position:relative;
	overflow:visible;
	list-style:none;
}

.list-button-img UL LI {
	display:block;
	float:left;
	list-style:none;
	margin-right:8px;
}

.list-button-img UL LI:last-child {
	margin-right:0;
}

.list-button-img UL LI A {
	display:block;
	height:20px;
	width:24px;
	text-indent:-9999px;
	margin-right:8px;
	margin-left:8px;
}
	.list-button-img UL LI A.favourite 		{ background:url(../images/favourite.png) no-repeat 0 0; }
	.list-button-img UL LI A.share     		{ background:url(../images/share.png) no-repeat 0 0; }
	.list-button-img UL LI A.follow    		{ background:url(../images/follow.png) no-repeat 0 0; }
	.list-button-img UL LI A.comments  		{ background:url(../images/comments.png) no-repeat 0 0; }
	.list-button-img UL LI A.add            { background:url(../images/add.png) no-repeat 0 0; }
	.list-button-img UL LI A.delete         { background:url(../images/delete.png) no-repeat 0 0; }
	.list-button-img UL LI A.edit           { background:url(../images/edit.png) no-repeat 0 0; }
	.list-button-img UL LI A.addlanguage    { background:url(../images/addlanguage.png) no-repeat 0 0; }
	.list-button-img UL LI A.favourite      { background:url(../images/favourite.png) no-repeat 0 0; }
	.list-button-img UL LI A.select         { background:url(../images/select.png) no-repeat 0 0; }


.list-button-img UL LI A:hover, .list-button-img UL LI A.active {
	background-position:0 -20px;
}

.list-button-img UL LI SPAN {
	font-size:10px;
	color:#999;
}


/* 
 list-link
-------------------------------------------------------------- */
.list-link {}

.list-link SPAN {
	padding-right:12px;
}

.list-link SPAN:last-child {
	padding-right:0;
}

.list-link SPAN A {
	font-size:10px;
	font-weight:bold;
	color:#0063DC !important;
	text-transform:uppercase;
}

.list-link SPAN A:hover {
	color:#00469B !important;
}


/*
 Link simples com formato de imagem
-------------------------------------------------------------- */
.link-img {
	display:inline-block;
	*display:block;
	*float:left;
	height:20px;
	width:24px;
	text-indent:-9999px;
}
	.link-img.add            { background:url(../images/add.png) no-repeat 0 0; }
	.link-img.delete         { background:url(../images/delete.png) no-repeat 0 0; }
	.link-img.edit           { background:url(../images/edit.png) no-repeat 0 0; }
	.link-img.addlanguage    { background:url(../images/addlanguage.png) no-repeat 0 0; }
	.link-img.favourite      { background:url(../images/favourite.png) no-repeat 0 0; }
	.link-img.select         { background:url(../images/select.png) no-repeat 0 0; }
	.link-img.follow         { background:url(../images/follow.png) no-repeat 0 0; }
	.link-img.comments       { background:url(../images/comments.png) no-repeat 0 0; }
	.link-img.share          { background:url(../images/share.png) no-repeat 0 0; }

.link-img:hover, .link-img.active {
	background-position:0 -20px;
}


/*
 Lista encadeada
-------------------------------------------------------------- */
.linkedlist {}

.linkedlist-item {
	white-space:nowrap;
	color:#333;
	padding:0 1ex;
	background-color:#E6E6EC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	line-height:1.2;
}

.linkedlist-active {
	white-space:nowrap;
	color:#fff;
	padding:0 1ex;
	background-color:#0063DC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	line-height:1.2;
}

/* Links em formato botões (usado como lista de tags) */
.list-tag {}

.list-tag A {
	float:left;
	display:block;
	padding:1ex 1ex;
	margin:0 4px 4px 0;
	white-space:nowrap;
	background-color:#eee;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.list-tag A:hover{
	background-color:#0063DC;
	color:#cce0f8;
}

/* Lista com itens para selecionar */
.bg-radio {
	padding-left:18px !important;
	background:transparent url(../images/item-tick.png) no-repeat 3px center;
}
.bg-radio:hover {
	/*background:transparent url(../images/item-selected.png) no-repeat left center;*/
}
.bg-radio.active {
	background-image:url(../images/item-selected.png);
}


/* ---------------------------------------------------------------------------------------
   BOTÕES
------------------------------------------------------------------------------------------ */ 
.bt-action {
	position:relative;
	display:block;
	padding:7px 0ex;
	padding-right:20px;
	margin:0 0px 0px 0;
	border-top:1px solid #ccc;
	font-size:11px;
}
.bt-action:first-child {
	/*border-top:none;*/
	margin-top:5px;
}

.bt-action SPAN {
	position:absolute;
	top:2px;
	.top:6px;
	right:0px;
	padding:0px 2px 2px 2px;
	font:bold 16px/16px Tahoma;
	color:#fff;
	background-color:#999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:background 0.2s;
	-webkit-transition:background 0.2s;
	transition:background 0.2s;
}
.bt-action SPAN:hover {
	background-color:#0063DC;
	cursor:pointer;
}

/*
.bt-action {
	color:#fff;
	display:block;
	position:relative;
	padding:1ex 1ex;
	padding-right:20px;
	margin:0 0px 4px 0;
	background-color:#999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.bt-action:hover {
	background-color:#0063DC !important;
	color:#fff;
}
.bt-action.active {
	background-color:#5da454;
}

.bt-action SPAN {
	position:absolute;
	top:4px;
	.top:6px;
	right:4px;
	padding:0px 2px 2px 2px;
	font:bold 16px/16px Tahoma;
	color:#fff;
	background-color:#004dac;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.bt-action SPAN:hover {
	background-color:#333;
}
*/




/*
 Blocos e Colunas
-------------------------------------------------------------- */
.block-columns {}

	.block-columns .block {
		display:inline;
		float:left;
		width:104px;
		padding:4px;
		margin:0px 5px 5px 0px;
	}
	
	.block-columns .block:nth-child(2n+1) {
		width:105px;
	}
	
	.block-columns .block:nth-child(6n) {
		margin-right:0;
	}
	
	.block-columns .block:nth-child(-n+6) {
		margin-top:0;
	}



.block-name {
	background:#005da3 url(../images/XXlight.png) no-repeat 0 0;
}
	.block-name .sequence {
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:22px;
		letter-spacing:-1px;
		text-shadow:0px 0px 4px rgba(0,0,0,.3);
	}
	
	.block-name .name {
		color:#fff;
		font-size:17px;
		letter-spacing:-1px;
		text-shadow:0px 0px 4px rgba(0,0,0,.3);
	}

	.block-columns {
		/*background-color:#ccc;*/
	}

	.block-columns .sequence {
		display:block;
		color:#fff;
	}

/* Lista - 2 colunas */
.list-2-columns {}

	.list-2-columns li {
		width:50%;
		float:left;
	}

/* Lista - 3 colunas */
.list-3-columns {}

	.list-3-columns li {
		width:33.333%;
		float:left;
		background-color:yellow;
	}




/* ---------------------------------------------------------------------------------------
   DIVISORES DE CONTEUDO
------------------------------------------------------------------------------------------ */ 
.divider-1 {
	clear:both;
	display:block;
	overflow:hidden;
	height:28px;
	margin:0;
	background:transparent url(../images/divider-1.gif) repeat-x left center;
}

.divider-2 {
	display:block;
	height:0;
	border:0;
	border-top:1px solid #eee;
	margin:8px 0;
}


/* ---------------------------------------------------------------------------------------
   TABLES
------------------------------------------------------------------------------------------ */ 
.table {
	width:100%;
	border:1px solid #CBCBD5;
	border-collapse:collapse;
}
.table th, .table td {
	padding:4px 2px;
	text-align:left;
}
.table thead th {
	border-right:2px solid #CBCBD5;
        border-left:2px solid #CBCBD5;
	border-bottom:1px solid #CBCBD5;
	border-top:1px solid #CBCBD5;
	text-align:center;
	padding:6px 14px;
	background:#E7E8ED url(../images/table-th-bg.jpg) no-repeat;
}
.table thead th.table-head {
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
.table thead th.nobg {
	background-image:none;
}
.table tbody th,
.table tbody td {
	border-right:1px solid #CBCBD5;
	border-bottom:1px solid #CBCBD5;
	background:#fff;
	padding:4px 3px;
	vertical-align:middle;
}
.table tbody tr.odd th,
.table tbody tr.odd td {
	background:#fff;
}
.table tbody tr:hover td {
	background:#F2F2F5;
}
.table tbody tr:hover td .linkedlist-item {
	background-color:transparent;
}

.table tfoot th,
.table tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
.table tfoot tr.total th,
.table tfoot tr.total td {
	border-top:6px double #666;
}
.table tfoot tr.total th {
	text-transform:uppercase;
}
.table th.currency,
.table td.currency {
	text-align:right;
}


/* ---------------------------------------------------------------------------------------
   BUTTONS
------------------------------------------------------------------------------------------ */ 
/* buttons-title */
UL.buttons-title {
	text-align:right;
}
	UL.buttons-title LI {
		display:inline;
		margin-right:9px;
	}
		UL.buttons-title LI A {
			color:#0265DC;
			font-size:10px;
			text-transform:uppercase;
		}
		UL.buttons-title LI A:hover {
			text-decoration:underline;
		}


/* buttons */
.buttons LI {
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}


/* button 
---------------------------------------------- */
.button, .button:visited {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 0 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px 6px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	/* cor padrão: blue */
	color:#d9eef7;
	font-weight:bold;
	border: solid 1px #287ADD;
	background: #0265DC;
	background: -webkit-gradient(linear, left top, left bottom, from(#468EE6), to(#0265DC));
	background: -moz-linear-gradient(top,  #468EE6,  #0265DC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468EE6', endColorstr='#0265DC');
}
.button:hover {
	text-decoration:none !important;
	/* cor padrão */
	color:#d9eef7;
	background: #055CC6;
	background: -webkit-gradient(linear, left top, left bottom, from(#3D7FCF), to(#055CC6));
	background: -moz-linear-gradient(top,  #3D7FCF,  #055CC6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D7FCF', endColorstr='#055CC6');
}
.button:active {
	/*position: relative;
	top: 1px;*/
}
 
.bigrounded.button, .bigrounded.button:visited {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.large.button, .large.button:visited {
	font-size: 14px;
	padding: 8px 14px 9px 14px;
}

.medium.button, .medium.button:visited {
	font-size: 12px;
	padding: 5px 10px 6px 10px;
}

.small.button, .small.button:visited {
	font-size:10px;
	font-weight:bold;
	letter-spacing:0;
	padding: 4px 8px 5px 8px;
	text-transform:uppercase;
	/* cor padrão: blue */
	color: #d9eef7 !important;
	border: solid 1px #287ADD;
	background: #0265DC;
	background: -webkit-gradient(linear, left top, left bottom, from(#468EE6), to(#0265DC));
	background: -moz-linear-gradient(top,  #468EE6,  #0265DC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468EE6', endColorstr='#0265DC');
}
.small.button:hover {
	text-decoration: none;
	/* cor padrão */
	background: #055CC6;
	background: -webkit-gradient(linear, left top, left bottom, from(#3D7FCF), to(#055CC6));
	background: -moz-linear-gradient(top,  #3D7FCF,  #055CC6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D7FCF', endColorstr='#055CC6');
}

.mini.button, .mini.button:visited {
	font-size:9px;
	font-weight:bold;
	letter-spacing:0;
	padding:3px 6px 2px 6px;
	text-transform:uppercase;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border-radius:3px;
	/* cor padrão: white */
	color:#606060;
	border:solid 1px #b7b7b7;
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background:-moz-linear-gradient(top,  #fff,  #ededed);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.mini.button:hover {
	color:#606060;
	background:#ededed;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background:-moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.mini.button:active {
	top:0;
}

/* color styles 
---------------------------------------------- */
 
/* black */
.black {
	color: #d7d7d7 !important;
	border: solid 1px #333 !important;
	background: #333 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)) !important;
	background: -moz-linear-gradient(top,  #666,  #000) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000') !important;
}
.black:hover {
	color: #d7d7d7 !important;
	background: #000 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)) !important;
	background: -moz-linear-gradient(top,  #444,  #000) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000') !important;
}
 
/* gray */
.gray {
	color: #e9e9e9 !important;
	border: solid 1px #555 !important;
	background: #6e6e6e !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)) !important;
	background: -moz-linear-gradient(top,  #888,  #575757) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757') !important;
}
.gray:hover {
	color: #e9e9e9 !important;
	background: #616161 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)) !important;
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b') !important;
}
 
/* white */
.white {
	color:#606060 !important;
	border: solid 1px #b7b7b7 !important;
	background: #fff !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)) !important;
	background: -moz-linear-gradient(top,  #fff,  #ededed) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed') !important;
}
.white:hover {
	color:#606060 !important;
	background: #ededed !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)) !important;
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc') !important;
}
 
/* orange */
.orange {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c !important;
	background: #f78d1d !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)) !important;
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20') !important;
}
.orange:hover {
	color: #fef4e9 !important;
	background: #f47c20 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)) !important;
	background: -moz-linear-gradient(top,  #f88e11,  #f06015) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015') !important;
}
 
/* red */
.red {
	color: #faddde !important;
	border: solid 1px #980c10 !important;
	background: #d81b21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)) !important;
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317') !important;
}
.red:hover {
	color: #faddde !important;
	background: #b61318 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)) !important;
	background: -moz-linear-gradient(top,  #c9151b,  #a11115) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115') !important;
}
 
/* blue */
.blue {
	color:#d9eef7 !important;
	border:1px solid #287ADD !important;
	background: #0265DC !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#468EE6), to(#0265DC)) !important;
	background: -moz-linear-gradient(top,  #468EE6,  #0265DC) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468EE6', endColorstr='#0265DC') !important;
}
.blue:hover {
	color:#d9eef7 !important;
	background: #055CC6 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#3D7FCF), to(#055CC6)) !important;
	background: -moz-linear-gradient(top,  #3D7FCF,  #055CC6) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D7FCF', endColorstr='#055CC6') !important;
}
 
/* green */
.green {
	color: #e8f0de !important;
	border: solid 1px #538312 !important;
	background: #64991e !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)) !important;
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e') !important;
}
.green:hover {
	color: #e8f0de !important;
	background: #538018 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)) !important;
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c') !important;
}



/* ---------------------------------------------------------------------------------------
   TEST PURPOSE
------------------------------------------------------------------------------------------ */ 
.bred {
	border-bottom:1px solid red !important; 
	border-top:1px solid red !important;
}
.bgr {
	border-bottom:1px solid green !important; 
	border-top:1px solid green !important;
}
.bcy { background-color: yellow; }



